<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>心念长安</title>
    <link rel="stylesheet" href="../source/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../style/main.css">
    <script src="../JavaScript/jquery-3.3.1.min.js"></script>
    <script src="../JavaScript/leaves.js"></script>
</head>
<body>
<div id="container">
    <div class="page page1">
        <iframe src="history.html" frameborder="0"></iframe>
    </div>
    <div class="page page2 ">
        <iframe src="view.html" frameborder="0"></iframe>
    </div>
    <div class="page page3">
        <iframe src="food.html" frameborder="0"></iframe>
    </div>
    <div class="page page4">
        <iframe src="story.html" frameborder="0"></iframe>
    </div>
    <div id="icon-cat">
        <div id="cat-img">
            <img src="../image/index-images/bg.jpg" alt="cat" id="img">
            <div class="icon" id="btn-hide">
                <span class="glyphicon glyphicon-triangle-top"></span>
            </div>
        </div>
        <div id="cat-description">
            <ul id="linkBar">
                <li class='cur'><span>历史</span></li>
                <li><span>风景</span></li>
                <li><span>美食</span></li><br>
                <li><span>故事</span></li>
            </ul>
        </div>
    </div>
</div>

<script src="../JavaScript/main.js"></script>
</body>
</html>